﻿/* dedecms.com 做最好的织梦模板 */

@CHARSET "UTF-8";

body {

	font-family: "Microsoft Yahei", "Arial", "宋体";

	font-size: 14px;

	margin: 0;

	padding: 0;

}

p, dl, dt, dd, ul, li, a, h1, div, h2, h3, h4, ol, img, span, input {

	margin:0;

	padding:0;

	list-style:none;

	border:0;

}

a:link, a:visited {

	/*color:#595757;*/

	text-decoration:none;

}

a:hover {

	text-decoration:none;

	color:#1897F8;

}

.ww {

	width:1024px;

	margin:0 auto

}

.fr {

	float:right

}

.fl {

	float: left;

}

 @keyframes scale {

 20% {

 transform:scale(1.2);

}

 40% {

 transform:scale(1.15);

}

 60% {

 transform:scale(1.1);

}

 80% {

 transform:scale(1.05);

}

 100% {

 transform:scale(1);

}

}

@-webkit-keyframes scale {/* Safari and Chrome */

 20% {

 -webkit-transform:scale(1.2);

}

 40% {

 -webkit-transform:scale(1.15);

}

 60% {

 -webkit-transform:scale(1.1);

}

 80% {

 -webkit-transform:scale(1.05);

}

 100% {

 -webkit-transform:scale(1);

}

}

@-moz-keyframes scale {/* firefox */

 20% {

 -moz-transform:scale(1.2);

}

 40% {

 -moz-transform:scale(1.15);

}

 60% {

 -moz-transform:scale(1.1);

}

 80% {

 -moz-transform:scale(1.05);

}

 100% {

 -moz-transform:scale(1);

}

}

@-o-keyframes scale {/* Opera */

 20% {

 -o-transform:scale(1.2);

}

 40% {

 -o-transform:scale(1.15);

}

 60% {

 -o-transform:scale(1.1);

}

 80% {

 -o-transform:scale(1.05);

}

 100% {

 -o-transform:scale(1);

}

}

 @keyframes scales {

 20% {

 transform:scale(1.05);

}

 40% {

 transform:scale(1.02);

}

 60% {

 transform:scale(1.0);

}

 80% {

 transform:scale(1.01);

}

 100% {

 transform:scale(1);

}

}

 @keyframes swing {

 20% {

 transform:rotate(15deg);

}

 40% {

 transform:rotate(-15deg);

}

 60% {

 transform:rotate(10deg);

}

 80% {

 transform:rotate(-10deg);

}

 100% {

 transform:rotate(0deg);

}

}

@-moz-keyframes swing {/* Firefox */

 20% {

 -moz-transform:rotate(15deg);

}

 40% {

 -moz-transform:rotate(-15deg);

}

 60% {

 -moz-transform:rotate(10deg);

}

 80% {

 -moz-transform:rotate(-10deg);

}

 100% {

 -moz-transform:rotate(0deg);

}

}

@-webkit-keyframes swing {/* Safari and Chrome */

 20% {

 -webkit-transform:rotate(15deg);

}

 40% {

 -webkit-transform:rotate(-15deg);

}

 60% {

 -webkit-transform:rotate(10deg);

}

 80% {

 -webkit-transform:rotate(-10deg);

}

 100% {

 -webkit-transform:rotate(0deg);

}

}

@-o-keyframes swing {/* Opera */

 20% {

 -o-transform:rotate(15deg);

}

 40% {

 -o-transform:rotate(-15deg);

}

 60% {

 -o-transform:rotate(10deg);

}

 80% {

 -o-transform:rotate(-10deg);

}

 100% {

 -o-transform:rotate(0deg);

}

}

 @keyframes swings {

 20% {

 transform:rotate(2deg);

}

 40% {

 transform:rotate(-2deg);

}

 60% {

 transform:rotate(1deg);

}

 80% {

 transform:rotate(-1deg);

}

 100% {

 transform:rotate(0deg);

}

}

/*head -- start*/

.top {

	height:27px;

	line-height:27px;

	background:#e9e9e9

}

.top_m a {

	padding:0 5px

}

.h_con {

	overflow:hidden;

	margin-top:25px;

	height:130px

}

.phone {

	width:346px;

	height:164px;

	background:url(../images/phone.gif) left center no-repeat;

	text-align:right;

	overflow:hidden

}

.phone strong {

	font-size:33px;

	color:#006ab2;

	margin:15px 35px 0 0;

	display:block

}

.phone p {

	font-size:12px;

	color:#898989;

	margin-right:35px

}

.nav {

	height:39px;

	line-height:39px;

	background:url(../images/nav.gif) repeat-x;

	border-bottom:3px solid #fabe00

}

.nav ul li {

	background:url(../images/nav_li.gif) right center no-repeat;

	float:left;

	text-align:center;

	padding-right: 2px;

}

.nav ul li a {

	color: #fff;

	display: block;

	float: left;

	font-family: "宋体";

	font-size: 14px;

	font-weight: bold;

	padding: 0 23px;

}

.nav ul .hover a, .nav ul li a:hover {

	background:#fabe00

}

/*banner*/

.iprint1 {

	width:410px;

	height:399px;

	background:url(../images/iprint1.png) left center no-repeat;

	left:33px;

	top:74px;

	z-index:2

}

.itext1_1 {

	width:261px;

	height:96px;

	background:url(../images/itext1_1.png) left center no-repeat;

	left:73px;

	top:202px;

	z-index:3

}

.itext1_2 {

	width:222px;

	height:88px;

	background:url(../images/itext1_2.png) left center no-repeat;

	left:223px;

	top:67px;

	z-index:3

}

.itext1_3 {

	width:511px;

	height:214px;

	background:url(../images/itext1_3.png) left center no-repeat;

	right:59px;

	top:115px;

	z-index:3

}

.itext1_4 {

	right:233px;

	top:350px;

	z-index:3

}

.itext1_4:hover {

	animation: 0.6s ease 0s normal none 1 scale;

}

.iboss {

	width:310px;

	height:455px;

	background:url(../images/iboss.png) left center no-repeat;

	left:-9999px;

	bottom:0px;

	z-index:2

}

.itext2_1 {

	width:615px;

	height:200px;

	background:url(../images/itext2_1.png) left center no-repeat;

	right:-9999px;

	top:100px;

	z-index:2

}

.itext2_2 {

	width:335px;

	height:66px;

	background:url(../images/itext2_2.png) left center no-repeat;

	right:-9999px;

	bottom:63px;

	z-index:2

}

.iprint3_1 {

	width:416px;

	height:489px;

	background:url(../images/iprint3_1.png) left center no-repeat;

	left:-9999px;

	top:0px;

	z-index:2

}

.iprint3_2 {

	width:105px;

	height:167px;

	background:url(../images/iprint3_2.png) left center no-repeat;

	right:77px;

	top:-9999px;

	z-index:2

}

.iprint3_3 {

	width:105px;

	height:167px;

	background:url(../images/iprint3_3.png) left center no-repeat;

	right:255px;

	top:-9999px;

	z-index:2

}

.iprint3_4 {

	width:105px;

	height:167px;

	background:url(../images/iprint3_4.png) left center no-repeat;

	right:437px;

	top:-9999px;

	z-index:2

}

.itext3 {

	width:362px;

	height:78px;

	background:url(../images/itext3.png) left center no-repeat;

	right:-9999px;

	bottom:87px;

	z-index:2

}

/*banner*/

/*head -- stop*/



/*ourservice--服务--start*/

.ourservice {

	margin:65px auto

}

.ourservice_t {

	text-align:center;

}

.ourservice_t strong {

	font-size:35px;

	color:#0068ae

}

.ourservice_t p {

	font-size:20px;

	margin-top:15px

}

.ourservice_t span {

	margin:20px 0;

	display:block

}

.ourservice_m {

	overflow:hidden;

	position:relative;

	height:375px

}

.ourservice_no1 {

	background:url(../images/ourservice_no1.png) no-repeat;

	height:325px;

	width:241px;

	left:11px

}

.ourservice_no2 {

	background:url(../images/ourservice_no2.png) no-repeat;

	height:325px;

	width:241px;

	left:264px

}

.ourservice_no3 {

	background:url(../images/ourservice_no3.png) no-repeat;

	height:325px;

	width:241px;

	left:517px

}

.ourservice_no4 {

	background:url(../images/ourservice_no4.png) no-repeat;

	height:325px;

	width:241px;

	left:769px

}

.floating {

	position:absolute;

	bottom:0px

}

.ourservice_m ul li {

	width:241px;

	height:49px;

	background:url(../images/floating.gif) no-repeat;

	position:absolute;

	bottom:0px;

	z-index:-99

}

.floatingno1 {

	left:11px

}

.floatingno2 {

	left:264px

}

.floatingno3 {

	left:517px

}

.floatingno4 {

	left:769px

}

.floating_text {

	margin:158px 0 15px 0;

	text-align:center;

	font-weight:bold;

	color:#fff;

}

.floating_text strong {

	font-size:20px

}

.floating_text span {

	font-size:16px

}

.floating p {

	width:200px;

	margin:0 auto;

	font-weight:bold;

	color:#fff

}

/*ourservice--服务--stop*/





/*testimonials--客户--start*/

.testimonials {

}

.testimonials_t {

	text-align:center;

	overflow:hidden

}

.testimonials_t strong {

	font-size:84px;

	color:#0068ae

}

.testimonials_t span {

	height:57px;

	background:#fabe00;

	font-size:44px;

	color:#fff;

	padding-left:15px;

	margin-left:7px;

	font-weight:bold

}

.testimonialsno1 {

	margin:28px 0 0 0;

	height:757px;

	background:url(../images/testimonialsno1.gif) repeat-x

}

.testimonialsno1_m {

	background:url(../images/boss1.png) right bottom no-repeat;

	height:757px

}

.testimonialsno1_t {

	padding:20px 0 0 15px;

	position:relative

}

.testimonialsno1_t .video {

	width:560px;

	height:360px

}

.testimonialsno1_t strong {

	left:611px;

	top:118px;

	position:absolute;

	font-size:24px;

	color:#0068ae

}

.testimonialsno1_t span {

	left:678px;

	top:155px;

	position:absolute;

	font-size:36px;

	color:#3e3a39

}

.video {

	width:457px;

	height:328px;

	background:url(../images/video.gif) center center no-repeat

}

.testimonials_text {

	margin-left:20px

}

.testimonials_text dl {

	width:779px

}

.testimonials_text dl dt {

	font-size:16px;

	color:#fff;

	margin-top:42px;

	padding-left:15px

}

.testimonials_text dl dd {

	margin-top:30px;

	height:195px;

	width:779px;

	border-top:1px dashed #80b4d7;

	border-bottom:1px dashed #80b4d7;

	font-size:18px;

	line-height:32px;

	padding:15px;

	color:#fff

}

.testimonials_text dl dd span {

	color:#fabe00

}

.testimonialsno2 {

	height:779px;

	background:url(../images/testimonialsno2.gif) repeat-x

}

.testimonialsno2_m {

	background:url(../images/boss2.png) left bottom no-repeat;

	height:779px;

	overflow:hidden

}

.testimonialsno2_t .testimonials_text {

	margin-left:348px;

	margin-top:83px

}

.testimonialsno2_b {

	position:relative

}

.testimonialsno2_b .video {

	left:463px;

	position:absolute;

	top:55px

}

.testimonialsno2_t .testimonials_text dl dd span {

	color:#0068ae

}

.testimonialsno2_t .testimonials_text dl dd {

	border-top:1px dashed #fddf80;

	border-bottom:1px dashed #fddf80;

}

.testimonialsno2_b strong {

	left:321px;

	top:192px;

	position:absolute;

	font-size:24px;

	color:#0068ae

}

.testimonialsno2_b span {

	left:365px;

	top:260px;

	position:absolute;

	font-size:36px;

	color:#3e3a39

}

/*testimonials--客户--stop*/



/*why--为什么--start*/

.why {

	margin:40px auto 0;

	height:1485px;

	background:url(../images/why.gif) 279px 96px no-repeat

}

.why_t {

	position:relative;

	height:359px

}

.why_t span {

	font-size:39px;

	color:#0068ae;

	font-weight:bold;

	position:absolute;

	top:96px;

	left:89px

}

.why_t strong {

	font-size:73px;

	color:#fabe00;

	font-weight:bold;

	position:absolute;

	top:165px;

	left:56px

}

.why_t strong span {

	font-size:73px;

	color:#dcdddd;

	font-weight:bold;

}

.why_h3 {

	height:61px;

	position:relative

}

.why_h3 span {

	position:absolute;

	left:65px

}

.why_h3 strong {

	font-size:24px;

	color:#0068ae;

	position:absolute;

	left:100px;

	top:0px

}

.why_h3 em {

	font-style:normal;

	position:absolute;

	left:100px;

	top:40px;

	color:#666464

}

.whyno1_m {

	width:896px;

	height:221px;

	margin:20px auto 0;

	border:1px solid #dcdddd

}

.whyno1_m dl {

	width:896px;

	float:left

}

.whyno1_m dt {

	float:left;

	width:165px;

	text-align:center;

	height:36px;

	line-height:36px

}

.whyno1_m dd {

	float:left;

	height:36px;

	line-height:36px

}

.whyno1_m .wdd1 {

	width:334px;

	border-left:1px solid #dcdddd;

	padding-left:15px

}

.whyno1_m .wdd2 {

	width:365px;

	border-left:1px solid #dcdddd;

	padding-left:15px

}

.whyno1_m .wdl1 {

	height:41px;

	line-height:41px;

	background:#0068ae

}

.whyno1_m .wdl1 .wdd2 {

	background:#fabe00

}

.whyno1_m .wdd1 span, .whyno1_m .wdd1 img, .whyno1_m .wdd2 img, .whyno1_m .wdd2 span {

	float:left

}

.whyno1_m .wdl1 dt, .whyno1_m .wdl1 dd {

	height:41px;

	line-height:41px;

	text-align:center;

	font-size:18px;

	font-weight:bold;

	color:#fff

}

.whyno1_m .wdl2 {

	background:#ffffff

}

.whyno1_m .wdl3 {

	background:#dcdddd

}

.whyno1_m .wdl3 .wdd1, .whyno1_m .wdl3 .wdd2 {

	border-left:1px solid #ffffff

}

.whyno2 {

	margin-top:55px

}

.whyno2_m_1 {

	margin-top:56px;

	height:489px;

	background:url(../images/whyno2_m_1.gif) no-repeat;

	position:relative;

	font-size:18px;

	font-weight:bold;

	color:#fff

}

.whyno2_m_1_1 {

	position:absolute;

	top:204px;

	left:42px;

	width:72px;

	text-align:center

}

.whyno2_m_1_2 {

	position:absolute;

	top:53px;

	left:94px;

	width:120px;

	text-align:center

}

.whyno2_m_1_3 {

	position:absolute;

	top:87px;

	left:336px;

	width:120px;

	text-align:center

}

.whyno2_m_1_4 {

	position:absolute;

	top:309px;

	left:372px;

	width:120px;

	text-align:center

}

.whyno2_m_1_5 {

	position:absolute;

	top:126px;

	left:485px;

	width:120px;

	text-align:center

}

.whyno2_m_1_6 {

	position:absolute;

	top:30px;

	left:609px;

	width:120px;

	text-align:center

}

.whyno2_m_1_7 {

	position:absolute;

	top:56px;

	left:835px;

	width:120px;

	text-align:center

}

.whyno2_m_1_8 {

	position:absolute;

	top:203px;

	left:886px;

	width:120px;

	text-align:center

}

.whyno2_m_2_1 {

	margin-left:58px

}

.whyno2_m_2_2 {

	margin-left:110px

}

.whyno2_m_2_s {

	font-size:20px;

	color:#898989;

	font-weight:bold;

	float:left;

	line-height:35px;

	margin-right:11px

}

.whyno2_m_2_b {

	font-size:60px;

	font-weight:bold;

	float:left;

	color:#fff;

	background:#0068ae;

	padding:0 10px

}

.whyno2_m_2_2 .whyno2_m_2_b {

	background:#fabe00

}

/*why--为什么--stop*/



/*how--怎么让--start*/

.how {

	height:1800px;

	background:url(../images/how.gif) center 18px repeat-x

}

.how_m {

	background:url(../images/how_m.gif) top center no-repeat;

	height:1800px;

	overflow:hidden

}

.how_m1 {

	font-size:38px;

	margin:100px 0 0 305px

}

.how_m2 {

	font-size:87px;

	margin:5px 0 0 235px

}

.how_m3 {

	font-size:18px;

	margin:30px 0 0 445px

}

.how_m4 {

	font-size:38px;

	margin:84px 0 40px 237px

}

.how_m5 {

	height:485px

}

.howlist {

	height:110px;

	width:853px;

	margin:0 auto;

	overflow:hidden

}

.howlist dl dt {

	height:75px;

	width:75px;

	text-align:center;

	line-height:75px

}

.howlist dl dd {

	width:60px;

	height:18px;

	background:url(../images/dtshow.png) no-repeat;

	margin:10px auto 0

}

.howl1 dl dt {

	background:url(../images/ycircle.png) no-repeat

}

.howl2 dl dt {

	background:url(../images/bcircle.png) no-repeat

}

.howlist .howl1 .hlli1 {

	left:390px;

	top:0px

}

.howlist .howl1 .hlli2 {

	left:1050px;

	top:0px

}

.howlist .howl1 .hlli3 {

	left:2050px;

	top:0px

}

.howlist .howl1 .hlli4 {

	left:3100px;

	top:0px

}

.howlist .howl2 .hlli1 {

	right:390px;

	top:0px

}

.howlist .howl2 .hlli2 {

	right:1050px;

	top:0px

}

.howlist .howl2 .hlli3 {

	right:2050px;

	top:0px

}

.howlist .howl2 .hlli4 {

	right:3100px;

	top:0px

}

.hltext {

	width:413px;

	height:69px

}

.hltext span {

	display:block;

	width:370px;

	height:35px;

	font-size:12px;

}

.ytext span {

	margin:17px 30px;

}

.btext span {

	margin:17px 15px;

}

.ytext {

	right:-1000px;

	top:5px;

	background:url(../images/hltext1.png) no-repeat

}

.btext {

	left:-1000px;

	top:5px;

	background:url(../images/hltext2.png) no-repeat

}

.fs36 {

	font-size:36px

}

.how_m6 {

	height:417px;

	background:url(../images/how_m6.gif) center center no-repeat;

	text-align:center;

	overflow:hidden

}

.how_m6 span {

	font-size:38px;

	margin:95px 0 30px;

	display: block;

}

.how_m6 p {

	line-height:24px;

	color:#595757;

	font-size:16px

}

.how_m7 {

	margin:40px 0 0 0;

	height:330px;

	background:url(../images/how_m7.gif) center center no-repeat;

	text-align:center;

	overflow:hidden

}

.how_m7 strong {

	display:block;

	margin:50px 0 30px;

	font-size:24px;

	line-height:40px

}

.how_m7 p {

	color:#595757;

	font-size:16px;

	line-height:30px

}

.how_m7 dl {

	width:80px;

	color:#fff;

}

.how_m7 dl dt {

	font-size:16px;

	transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s; /* Firefox 4 */

	-webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */

	-o-transition: all 0.5s ease 0s; /* Opera */

}

.how_m7 dl dt:hover {

	font-size:20px

}

.how_m7 dl dd {

	font-size:10px

}

.hdl1 {

	left: 136px;

	top: 59px;

}

.hdl2 {

	left: 60px;

	top: 130px;

}

.hdl3 {

	left: 213px;

	top: 130px;

}

.hdl4 {

	left: 139px;

	top: 222px;

	font-size:17px;

}

.fwl {

	font-weight:bold

}

/*how--怎么让--stop*/



/*banner--start*/

.banner1 {

	height:202px;

	background:url(../images/banner_01.gif) center center no-repeat

}

.banner2 {

	height:291px;

	background:url(../images/banner_02.gif) center center no-repeat

}

/*banner--stop*/





/*case--案例--start*/

.case {

	margin:57px auto 34px

}

.case_t {

	text-align:center

}

.case_t span {

	display:block

}

.case_t .c_span1 {

	font-size:40px;

	color:#0068ae

}

.case_t .c_span2 {

	font-size:26px

}

.case_m {

	height:470px;

	margin-top:30px;

	overflow: hidden;

}

.plimg {

	width:310px;

	height:425px;

	background:url(../images/video.gif) center center no-repeat;

	overflow:hidden

}

.pltitle {

	height:33px;

	line-height:33px;

	background:#0068ae;

	font-size:15px;

	color:#fff;

	margin-top:10px;

	font-weight:bold;

	text-align:center

}

.plsummary {

	font-weight:bold;

	height:176px;

	overflow:hidden;

	padding:10px 0;

	line-height:24px;

	font-size:14px

}

.pla {

	height:54px;

	background:url(../images/pla.png) center center no-repeat;

	line-height:40px;

	font-size:18px;

	position:relative;

	width: 310px;

	margin-top:10px;

}

.pla a {

	height:40px;

	background:#fdd000;

	line-height:40px;

	font-size:18px;

	color:#fff;

	text-align:center;

	display:block

}

/*移动*/

.blk_18 {

	overflow:hidden;

	zoom:1;

	font-size:9pt;

	width:1024px;

	height:750px;

}

.blk_18 .pcont {

	width:945px;

	float:left;

	overflow:hidden;

	height:750px;

	margin-left: 2px;

}

.blk_18 .ScrCont {

	width:32766px;

	zoom:1;

	margin-left:-5px;

}

.blk_18 #List1_1, .blk_18 #List2_1, .blk_18 #List3_1 {

	float:left

}

.blk_18 .LeftBotton {

	width:38px;

	height:124px;

	float:left;

	background:url(../images/arrows_1.gif) center no-repeat;

	margin-top:150px

}

.blk_18 .RightBotton {

	width:38px;

	height:124px;

	float:right;

	background:url(../images/arrows_2.gif) center no-repeat;

	margin-top:150px

}

.blk_18 .pl img {

	display:block;

	border:none;

}

.blk_18 .pl {

	width:310px;

	float:left;

	margin-left:6px;

	overflow: hidden;

}

.blk_18 a.pl:hover {

	color:#5795D4;

}

/*移动*/





/*case--案例--stop*/



/*advantages--优势-- start*/

.advantages {

	height:1384px;

	background:#f2f2f3

}

.advantages_m_t {

	position:relative;

	height:166px

}

.advantages_m_t .a_big {

	font-size:78px;

	font-weight:bold;

	color:#fdd000;

	position:absolute;

	top:46px;

	left:51px

}

.advantages_m_t .a_title {

	font-size:36px;

	color:#0068ae;

	position:absolute;

	top:70px;

	left:340px

}

.advantages_m_t .a_english {

	font-size:13px;

	color:#9fa0a0;

	position:absolute;

	top:115px;

	left:340px

}

.advantages_m_1 {

	height:281px;

}

.advantages_m_2 {

	height:270px;

	background:url(../images/advantages_m.png) center top no-repeat

}

.advantages_m_2 .advantages_m_2img {

	margin:60px 0 0 52px

}

.advantages_m_3 {

	height:325px;

}

.advantages_m_4 {

	background:url(../images/advantages_m.png) center top no-repeat;

	height:295px;

}

.advantages_m_4 .advantages_m_4img {

	margin:21px 0 0 5px

}

.aul {

	margin-top:30px;

	width:447px;

	height:233px;

	background:url(../images/aul.gif) center no-repeat

}

.aul li {

	height:50px;

	line-height:50px;

	margin-top:5px;

	font-size:15px;

	color:#fff;

	padding-left:35px

}

.amdl dt {

	height:60px

}

.amdli {

	margin-right:15px

}

.amdli:hover {

	transform: rotate(360deg);

	-moz-transform:rotate(360deg);/* Firefox 4 */

	-webkit-transform:rotate(360deg); /* Safari and Chrome */

	-o-transform:rotate(360deg);/* Opera */

	transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s; /* Firefox 4 */

	-webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */

	-o-transition: all 0.5s ease 0s; /* Opera */

}

.amdl em {

	font-style:normal;

	font-size:12px;

	color:#9fa0a0

}

.amdl span {

	font-size:18px;

}

.amdl span strong {

	font-size:24px

}

.amdl dd {

	height:40px;

	line-height:40px;

	font-size:15px;

	color:#595757;

	background:url(../images/ico01.gif) left center no-repeat;

	padding-left:40px

}

.am1dl1 {

	top:30px;

	left:44px

}

.am1dl2 {

	top:50px;

	right:44px

}

.am1dl3 {

	top:30px;

	left:44px

}

.am1dl3 dd {

	height:57px;

	background:url("../images/ico01.gif") left 8px no-repeat

}

.am1dl4 {

	top:60px;

	right:44px

}

/*advantages--优势-- stop*/





/*team--团队---start*/

.team {

	height:776px;/*background:url(../images/team.gif) 495px 65px no-repeat*/

}

.team_t {

	padding:57px 50px 0

}

.team_t strong {

	font-size:52px;

	color:#fdd000;

	display:block

}

.team_t span {

	color:#0068ae;

}

.t_span1 {

	font-size:40px

}

.t_span2 {

	margin:175px 0 15px;

	font-size:30px

}

.team_t p {

	font-size:18px;

	line-height:30px;

	color:#898989

}

.team_tul {

}

.team_tul li {

	width:273px;

	height:237px

}

.team_tli1 {

	background:url(../images/team_tli1.png) center center no-repeat;

	left: 650px;

	top: -582px;

}

.team_tli2 {

	background:url(../images/team_tli2h.png) center center no-repeat;

	left: 445px;

	top: -461px;

}

.team_tli3 {

	background:url(../images/team_tli3h.png) center center no-repeat;

	left: 653px;

	top: -344px;

}

.team_tli4 {

	background:url(../images/team_tli4.png) center center no-repeat;

	left: 449px;

	top: -223px;

}

.team_tli1:hover {

	background:url(../images/team_tli1h.png) center center no-repeat

}

.team_tli2:hover {

	background:url(../images/team_tli2.png) center center no-repeat

}

.team_tli3:hover {

	background:url(../images/team_tli3.png) center center no-repeat

}

.team_tli4:hover {

	background:url(../images/team_tli4h.png) center center no-repeat

}

.team_tli1:hover, .team_tli2:hover, .team_tli3:hover, .team_tli4:hover {

	animation: 5.6s ease 0s normal none 0.5 scales;

	z-index:999

}

.team_m {

	height:330px;

	margin-top:60px

}

.member_m_list {

	height:330px;

	margin-top:28px;

	position:relative;

	overflow:hidden

}

.member_left {

	height:265px;

	cursor:pointer;

	background:url(../images/member_left.png) left center no-repeat;

	width:40px;

	position:absolute;

	left:0px;

	top:0;

	z-index:999

}

.member_m_list .member_main {

	margin:0px 0 0 48px;

	overflow:hidden;

	position:relative;

	width:915px;

	height:330px;

}

.member_main ul {

	width:1251px;

	position:absolute;

}

.member_main ul li {

	float:left;

	margin-left:15px;

	width:210px;

	height:330px

}

.member_main ul li strong {

	float:left;

	height:30px;

	width:100%

}

.member_right {

	height:265px;

	cursor:pointer;

	background:url(../images/member_right.png) left center no-repeat;

	width:40px;

	position:absolute;

	right:0px;

	top:0;

	z-index:999

}

/*team--团队---stop*/



/*news--新闻--start*/

.i_h3 {

	margin-top:20px;

	height:35px;

	line-height:35px;

	background:url(../images/i_h3.gif) repeat-x;

	padding-left:60px;

	color:#fff;

	position:relative

}

.i_h3 span {

	font-size:16px;

	font-weight:bold

}

.i_h3 em {

	font-style:normal;

	font-size:14px;

	font-weight:bold

}

.i_ico {

	position:absolute;

	top:-18px;

	left:10px;

	width:41px;

	height:48px;

	background:url(../images/i_ico.png) no-repeat;

	font-size:24px;

	font-weight:bold;

	color:#fff;

	text-align:center

}

.inews {

	margin-top:25px

}

.company {

	height:425px;

	position:relative;

	overflow:hidden

}

.n_b {

	border:1px solid #9fa0a0;

	border-top:0px;

	background:#fff

}

.n_b:after {

	bottom:35px;

	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);

	content: "";

	height: 20%;

	position: absolute;

	right: 10px;

	transform: rotate(4deg);

	width: 150px;

	z-index:-1

}

.company_m {

	height:350px;

	background:url(../images/company_m.gif) right bottom no-repeat;

	overflow:hidden

}

.company_m .video {

	margin:10px

}

.company_m .cmt {

	width:496px;

	margin:10px 0 0 20px;

	color:#595757;

}

.company_m .cmt dt {

	font-size:18px;

	line-height:50px

}

.company_m .cmt dd {

	line-height:24px;

	font-size:13px;

}

.signed {

	width:350px;

	clear:both;

	position:relative;

	overflow:hidden;

	height:470px

}

.information {

	width:350px;

	margin:0 8px;

	position:relative;

	overflow:hidden;

	height:470px

}

.feedback {

	width:308px;

	position:relative;

	overflow:hidden;

	height:470px

}

.signed_m, .information_m, .feedback_m {

	height:390px;

	margin-bottom:10px;

	padding:0 10px;

	overflow:hidden

}

.signed_m ul li, .information_m ul li {

	height:37px;

	border-bottom:1px dashed #707070;

	line-height:37px

}

.feedback_m p {

	font-size:15px;

	margin:5px;

	line-height:24px;

	color:#595757

}

/*news--新闻--stop*/



/*link--友情--start*/

.link {

	height:135px;

	clear:both;

	margin:30px auto;

	background:url(../images/link.gif) left center no-repeat;

	overflow:hidden;

}

.link_m a {

	padding:5px 15px;

	display:block;

	float:left

}

/*link--友情--stop*/





/*f_nav---start*/

.bottom_nav {

	clear:both;

	text-align:center;

	height:150px;

	margin:20px auto;

	width:540px

}

.bottom_nav a {

	display:block;

	float:left;

	width:108px;

	height:142px

}

.bottom_nav .bottom_nav1 {

	background:url(../images/bottom_nav1.gif) left center no-repeat

}

.bottom_nav .bottom_nav2 {

	background:url(../images/bottom_nav2.gif) left center no-repeat

}

.bottom_nav .bottom_nav3 {

	background:url(../images/bottom_nav3.gif) left center no-repeat

}

.bottom_nav .bottom_nav4 {

	background:url(../images/bottom_nav4.gif) left center no-repeat

}

.bottom_nav .bottom_nav5 {

	background:url(../images/bottom_nav5.gif) left center no-repeat

}

.bottom_nav .bottom_nav1:hover {

	background:url(../images/bottom_navh1.gif) left center no-repeat

}

.bottom_nav .bottom_nav2:hover {

	background:url(../images/bottom_navh2.gif) left center no-repeat

}

.bottom_nav .bottom_nav3:hover {

	background:url(../images/bottom_navh3.gif) left center no-repeat

}

.bottom_nav .bottom_nav4:hover {

	background:url(../images/bottom_navh4.gif) left center no-repeat

}

.bottom_nav .bottom_nav5:hover {

	background:url(../images/bottom_navh5.gif) left center no-repeat

}

/*f_nav---stop*/



/*footer -- start*/



.footer {

	clear:both;

	overflow:hidden;

	margin-top:15px;

	height:234px;

	background:#0065a9;

	border-top:4px solid #fdd000;

}

.footer_m {

	background:url(../images/footer.gif) center 170px no-repeat;

	overflow:hidden;

	height:234px;

}

.f_nav {

	position:relative;

	z-index:1

}

.f_nav ul {

	background:#fdd000;

	height:32px;

	line-height:32px;

}

.f_nav ul:before {

	bottom: 12px;

	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);

	content: "";

	height: 20%;

	left: 10px;

	position: absolute;

	transform: rotate(-1deg);

	width: 50%;

	z-index:-1

}

.f_nav ul:after {

	bottom:12px;

	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);

	content: "";

	height: 20%;

	position: absolute;

	right: 10px;

	transform: rotate(1deg);

	width: 50%;

	z-index:-1

}

.f_nav ul li {

	float:left;

	padding:0 24px;

	font-size:15px

}

.f_nav ul li a {

	color:#fff

}

.f_con {

	margin:30px 0 24px;

	overflow:hidden

}

.f_logo {

	margin-left:182px;

	border-right:1px solid #ffffff;

	width:250px

}

.f_copyright {

	margin-left:20px;

	line-height:26px;

	color:#fff

}

.f_copyright a {

	color:#fff

}

/*footer -- stop*/



/*返回顶部*/

#roll_top {

	cursor: pointer;

	height: 57px;

	position: relative;

	width: 57px;

}

#roll_top {

	background: url("../images/top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

}

#roll_top:hover {

	background: url("../images/top2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

	animation: 0.6s ease 0s normal none 1 scale;

}

#roll {

	display: block;

	position: fixed;

	margin-right:-605px;

	right:50%;

	top: 50%;

	width: 57px;

	z-index:999;

}

#right-float-box {

	height:465px;

	width:155px;

	z-index: 999;

	background:url(../images/floatr.jpg) left center no-repeat

}

#right-float-box a {

	display: block;

	height:465px;

	width:155px;

}

#bottom-float-box {

	height:145px;

	width:350px;

	z-index: 999;

	background:url(../images/floatb.png) left center no-repeat

}

#bottom-float-box a {

	display: block;

	height:145px;

	width:350px;

}

.infoInput {

	border: 1px solid #dfdfdf;

	color: #000000;

	font-size: 9pt;

	height: 22px;

	margin: 1px;

	padding: 3px 0 0 2px;

	width: 228px;

}

.buttonface2 {

	background: none repeat scroll 0 0 #d85600;

	border: 0 none;

	color: #fff;

	font-size: 16px;

	height: 30px;

	margin: 2px 16px 0 0;

	width: 230px;

}

.th2 {

	color: #666;

	font-size: 12px;

	text-align: right;

	width: 35px;

	display:block

}
.seo-top-optimization{width:80%;height:300px;margin-left:10%;}
.optimization-left{width:45%;float:left;margin-top:30px;margin-right:10%;}
.optimization-right{width:45%;float:right;margin-top:30px;}
.optimization-left h3{font-size:20px;margin-bottom:15px;margin-left:100px;}
.optimization-right h3{font-size:20px;margin-bottom:15px;margin-left:100px;}
.col-md-8 img{margin-top:80px;}
#bannerm{display:none;}
@media screen and (max-width:1000px) {
.ww{width:100%;}
.pcont{width:70%!important;height:500px!important;}
.blk_18{width:100%;height:500px;}
.ourservice_no1{width:45%;}
.floating p{width:90%;}
.ourservice_m{width:100%;height:auto;}
.floating{position:static;}
.ourservice_no1{width:50%;background:url(../images/ourservice_no1.png) repeat center}
.ourservice_no2{width:50%;background:url(../images/ourservice_no2.png) repeat center}
.ourservice_no3{width:50%;background:url(../images/ourservice_no3.png) repeat center}
.ourservice_no4{width:50%;background:url(../images/ourservice_no4.png) repeat center}
.how{height:900px;}
.how_m{height:900px;}
.how_m1{margin:0;font-size:30px;text-align:center;margin-top:100px;}
.how_m2{margin:0;text-align:center;font-size:50px;}
.how_m3{width:90%;margin:0;margin-left:5%;margin-top:20px;}
.how_m4{margin:0;width:90%;margin-left:5%;font-size:30px;margin-top:20px;}
.how_m5{display:none;}
.how_m6{width:90%; margin-left:5%; margin-top:20px;}
.how_m7{display:none;}
.rpa{position:none;}
.hltext span{width:90%;text-align:center;line-height:35px;}
.btext span{margin:0;}
.howlist
.howlist .howl1 .hlli1{width:25%;}
#box4{display:none;}
.banner{display:none;}
#bannerm{display:block;}
.pr{margin-top:20px;}
}
.seo-top-optimization{width:80%;height:300px;margin-left:10%;}
.optimization-left{width:45%;float:left;margin-top:30px;margin-right:10%;}
.optimization-right{width:45%;float:right;margin-top:30px;}
.optimization-left h3{font-size:20px;margin-bottom:15px;margin-left:100px;}
.optimization-right h3{font-size:20px;margin-bottom:15px;margin-left:100px;}
